15.2 Eine erste Windows-Anwendung 

Ein Fenster ist die Schnittstelle zwischen dem Anwender und der Programmlogik. Es ist gleichzeitig Container für die Steuerelemente (Controls), die die Anwendungslogik in visualisierter Form darstellen. Wie der grundsätzliche Ablauf des Erstellens einer Windows-Anwendung ist, möchte ich Ihnen an einem ersten Beispiel zeigen. Dazu wird die Form durch zwei Textboxen und zwei Schaltflächen erweitert (siehe Abbildung 15.2). Die Funktionsweise zur Laufzeit sei wie folgt: Nach dem Klicken auf die mit Kopieren beschriftete Schaltfläche soll der Inhalt der oberen Textbox auch in der unteren angezeigt werden. Die Schaltfläche Beenden schließt die Anwendung.

Hier klicken, um das Bild zu Vergrößern

Abbildung 15.2     Fensterlayout der ersten Windowsanwendung

Die vier Steuerelemente müssen wir der anfangs noch leeren Form hinzufügen und ausrichten. Sie können das auf zwei Wegen erreichen:

In der Toolbox wird das gewünschte Steuerelement markiert. Fährt man danach mit der Maus über den Designer des Formulars, ändert der Mauszeiger seine Darstellung in ein Kreuz. Durch Drücken und Festhalten der linken Maustaste wird entweder die linke obere oder die rechte untere Position des Steuerelements festgelegt. Halten Sie die Maustaste weiter gedrückt, können Sie das Steuerelement bis zur gewünschten Darstellungsgröße aufziehen.

Die zweite Möglichkeit wäre der einfache Doppelklick auf das Steuerelement in der Toolbox. Daraufhin wird eine Instanz des Steuerelements in der linken oberen Ecke der Arbeitsfläche der Form angezeigt. Das Steuerelement zeichnet sich in einer Standardabmessung.

Steuerelemente positionieren und ausrichten

Unabhängig davon, welche dieser Instanzierungsalternativen Sie bevorzugen, werden Sie nicht umhin kommen, sowohl die Größe als auch die Position des Elements nachträglich zu verändern. Sie müssen dazu nur das entsprechende Steuerelement in der Form auswählen und können es dann an den Markierungspunkten greifen und wunschgemäß anpassen. Die Richtung der sich dann als Pfeile darstellenden Markierungspunkte ist ein Hinweis auf die Richtung der Größenänderung. Fahren Sie mit dem Mauszeiger auf die Fläche des Controls, symbolisiert das Kreuz mit den Pfeilspitzen, dass durch Drücken und Festhalten der linken Maustaste das gesamte Element ohne Veränderung seiner Größe verschoben werden kann.

Wollen Sie mehrere Steuerelemente relativ zueinander ausrichten, stehen Ihnen mehrere Möglichkeiten zur Verfügung:

Sie können die Steuerlemente an den im Form-Designer der Entwicklungsumgebung angezeigten Rasterpunkten ausrichten.

Sie können die Steuerelemente Mithilfe von Bezugslinien positionieren, die während des Verschiebens angezeigt werden, wenn zwei benachbarte Steuerelemente horizontal oder vertikal identisch ausgerichtet sind.

Im Hauptmenü des Visual Studio 2005 bietet der Menüpunkt Format mehrere Möglichkeiten, mehrere gleichzeitig markierte Steuerelemente größenmäßig anzupassen, die Zwischenabstände anzugleichen oder nach verschiedenen Kriterien zu positionieren.

Um die beiden erstgenannten Punkte einzustellen, öffnen Sie den Dialog Optionen des Menüs Extras. Im linken Teilbereich wählen Sie den Knoten Windows Forms Designer aus und können anschließend im rechten Teil unter LayoutMode das von Ihnen bevorzugte Verfahren einstellen (SnapTpGrid oder SnapLines). Darüber hinaus lassen sich hier unter anderem auch die Rasterpunktabstände und die Anzeige der Rasterpunkte im Forms Designer beeinflussen (siehe Bild 15.3).

Hier klicken, um das Bild zu Vergrößern

Abbildung 15.3     Einstellen der Positionierungsverhaltens des Forms Designers

Bezeichnung der Steuerelemente

Jedes Steuerelement, das aus der Toolbox in die Form gezogen wird, ist die Instanz einer Klasse und hat damit einen ihn kennzeichnenden Bezeichner, der durch die Eigenschaft Name beschrieben wird. Obwohl das System automatisch einen Namen, angelehnt am Typ des Steuerlements, vergibt, sollten Sie sich angewöhnen, einen beschreibenden festzulegen. Da Sie im Programmcode einer Windows-Anwendung immer wieder Eigenschaften und Methoden der Steuerelemente abrufen oder ändern, vermeiden Sie durch einen beschreibenden Namen Zuordnungsprobleme und der Code wird besser lesbar.

Den Bezeichner ändern Sie am einfachsten, indem Sie das entsprechende Steuerelement im Forms-Designer markieren und danach im Eigenschaftsfenster, das immer die Eigenschaften des aktuell markierten Steuerelements anzeigt, unter Name neu eintragen. Sie können den Bezeichner auch zu jedem späteren Zeitpunkt noch ändern. Automatisch werden alle Anweisungen, in denen der Objektbezeichner auftaucht (z.  B. bei der programmatischen Einstellung einer Eigenschaft des betreffenden Controls), dem neuen angepaßt. In der Vorgängerversion mußten die diesbezüglichen Anweisungen noch manuell geändert werden.

Wir sollten für die Steuerelemente unserer Form aus Abbildung 15.2 die folgenden Namen im Eigenschaftsfenster festlegen:

Beachten Sie, dass für die Bezeichner ein Präfix gewählt worden ist, aus dem der Typ des Steuerelements hervorgeht. Hier wurde »txt« als Präfix für die Textboxen gewählt und »btn« für die Schaltflächen (die vom Typ Button sind).

Wenn Sie bis hierher gefolgt sind, werden Sie feststellen, dass die Beschriftung Ihrer Schaltflächen nicht mit der in der Abbildung übereinstimmt. Natürlich ist auch für die Beschriftung eine Eigenschaft verantwortlich – die Eigenschaft Text, die wir im Eigenschaftsfenster passend festlegen. Forms haben auch eine Eigenschaft Text. Diese beschreibt den Text in der Titelleiste. In der Abbildung 15.2 ist »Meine erste WinAnwendung« eingetragen.

Wir könnten noch weitere Änderungen am Layout oder an den Verhaltensweisen der beteiligten Komponenten vornehmen, beispielsweise um zu verhindern, dass der Anwender zur Laufzeit die Größe der Form ändert. Für den Moment soll es an dieser Stelle aber ausreichen.

Hinweise zum Eigenschaftsfenster

Im Eigenschaftsfenster lassen sich sehr schnell die Eigenschaften der Komponenten festlegen. Um es möglichst effektiv einzusetzen, sollten Sie sich mit der Bedienung vertraut machen:

Die Liste der Eigenschaften kann sowohl alphabetisch als auch nach Kategorien sortiert angezeigt werden. Die Umschaltung erfolgt mit den beiden in der linken Ecke positionierten Schaltflächen (siehe Abbildung 15.4).

Steuerelemente haben vordefinierte Eigenschaftswerte. Abweichungen von den Standardwerten sind in Fettschrift dargestellt.

Benötigen Sie die Hilfe zu einer Eigenschaft, markieren Sie diese im Eigenschaftsfenster und drücken die (F1)-Taste.

Beabsichtigen Sie, einer bestimmten, gemeinsamen Eigenschaft mehrerer Steuerelemente den gleichen Wert zuzuweisen (z.  B., um bei allen Schaltflächen in einer Form dieselbe Höhe sicherzustellen), kann diese Eigenschaft für alle in Frage kommenden Steuerelemente durch einen einzigen Eintrag im Eigenschaftsfenster verändert werden. Dazu müssen Sie alle betroffenen Steuerelemente im Designer gleichzeitig markieren, indem Sie mit der Maus einen Rahmen um die entsprechenden Steuerelemente ziehen. Sie können auch zuerst ein Steuerelement markieren und danach der Reihe nach die anderen, während Sie die (Strg)-Taste gedrückt halten.

Eine Eigenschaftsänderung kann zurückgesetzt werden, wenn die entsprechende Eigenschaft markiert ist und im dazugehörigen Kontextmenü Zurücksetzen gewählt wird.

Um unteren Bereich des Eigenschaftsfensters sehen Sie einen Bereich, in dem die markierte Eigenschaft mit wenigen Worten erläutert wird. Für eine erste Erklärung reicht der Text meist aus, wenn Sie eine genauere benötigen, müssen Sie in die Dokumenatation schauen. Sie können daher diesen Bereich über das Kontextmenü ausblenden, wenn Sie darauf keinen Wert legen.

Streng genommen trägt das Eigenschaftsfenster seinen Namen zu Unrecht, da in der Symbolleiste von der Ansicht der Liste aller Eigenschaften auch auf die Liste der zu dem ausgewähltem Komponententyp gehörenden Ereignisse umgeschaltet werden kann. Die Ereignisliste kann ebenfalls sowohl alphabetisch, als auch nach Gruppen geordnet angezeigt werden.

Hier klicken, um das Bild zu Vergrößern

Abbildung 15.4     Symbolleiste des Eigenschaftsfensters

Der Code einer Windows-Anwendung

Windows-Anwendungen sind ereignisgesteuert. Jedes Peripheriegerät, sei es der Drucker, die Maus oder die Tastatur, kann Ereignisse auslösen. Auch Steuerelemente gliedern sich in das Ereignismodell ein. Klickt der Benutzer zum Beispiel zur Laufzeit des Programms auf eine Schaltfläche, wird das Ereignis Click ausgelöst. Wenn für das Ereignis ein Ereignishandler registriert ist, wird dieser ausgeführt. Sie müssen nicht jedes Ereignis einer Windows-Komponente behandeln sondern nur die, die zur Interaktion mit dem Benutzer benötigt werden.

Am einfachsten können Sie einen Ereignishandler implementieren, wenn Sie im Designer auf ein Steuerelement doppelt klicken. Daraufhin öffnet sich der Codeeditor der Form und der Eingabecursor befindet sich in einer Methode, die mit einem bestimmten Ereignis verbunden ist. Dabei handelt es sich um das Standardereignis des betreffenden Steuerelements. Bei einem Button handelt es sich um Click, bei einer Textbox um das Ereignis TextChanged und bei einer Form um Load.

Ein Doppelklick auf den Kopieren-Button (siehe Abbildung 15.2) erzeugt die folgende Methodensignatur:

Die Methode lautet auf den Namen btnKopieren_Click und setzt sich aus dem Namen des Steuerelements und dem Ereignisbezeichner zusammen. Beide sind durch einen Unterstrich voneinander getrennt. Der ereignisspezifischen Parameterliste wollen wir an dieser Stelle noch keine Beachtung schenken. Hinter der Parameterliste ist mit dem Handles-Statement angegeben, bei welchem Ereignis der Ereignishandler ausgeführt wird. In unserem Beispiel handelt es sich um das Click-Ereignis des Objekts mit dem Bezeichner btnKopieren. Diese Angabe, und nicht der Methodenname ist ausschlaggebend. Letzteren können Sie nach Belieben ändern, ohne die Verhaltensweise der Anwendung dadurch zu beeinflussen.

Im Anweisungsblock werden die Anweisungen codiert die ausgeführt werden, wenn der Anwender zur Laufzeit auf die Schaltfläche mit der Bezeichnung btnKopieren klickt. Da wir uns zum Ziel gesetzt haben, den Inhalt der Textbox txtOriginal in die Textbox txtKopie zu schreiben, ist folgende Anweisung notwendig:

Die Eigenschaft Text einer TextBox beschreibt den angezeigten Textboxinhalt. Daher wird der Inhalt der Eigenschaft Text des Objekts txtOriginal ausgewertet und der Eigenschaft Text des Objekts txtKopie zugewiesen.

Analog beschaffen wir uns auch den Ereignishandler des Click-Ereignisses der Schaltfläche btnBeenden und schreiben den folgenden Code:

Die Klasse Application stellt Methoden und Eigenschaften für die Verwaltung einer Anwendung zur Verfügung. Eine von diesen ist die parameterlose, statische Methode Exit, um die laufende Anwendung zu schließen.

Nachfolgend der zusammengefasste Code. Beachten Sie, dass sich dieser in der Sourcecodedatei Form1vbs befindet.